<!DOCTYPE html>
<html lang="en">
<head>
    <title>广联官方网站</title>
    <script src="/guanglianstatic/base/baseCss.js"></script>
    <link rel="stylesheet" href="/guanglianstatic/css/iconfont.css"/>
    <link rel="stylesheet" href="/guanglianstatic/swiper/swiper-bundle.min.css"/>
    <style>
        .icon-data:hover {
            color: #0066ff;
        }

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .car-item {
            width: 47%;
            height: 600px;
            position: relative;
            overflow: hidden;
            display: block;
            overflow: hidden;
        }

        /*.swiper-tab-wrap {*/
        /*    width: 100%;*/
        /*    background-color: #F2F2F2;*/
        /*    padding: 100px 0;*/
        /*    display: flex;*/
        /*}*/

        .tab-wrap {
            /*flex: 1;*/
            /*margin-left: 150px;*/
            border-left: 1px solid #898989;
        }

        .tab-wrap ul > li.tab-item {
            width: 240px;
            height: 125px;
            font-size: 14px;
            border-bottom: 1px solid #d7d7d7;
        }


        .tab-wrap ul > li.tab-item > a {
            width: 100%;
            height: 100%;
            padding: 0 40px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            position: relative;
        }

        .tab-wrap ul > li.tab-item > a h3 {
            font-size: 20px;
        }

        .tab-tag {
            font-size: 12px;
            color: #b5b5b5;
        }

        .active-tab {
            background-color: #eaeaea;
            transition: 0.5s;
        }

        .active-tab:before {
            content: '';
            display: block;
            position: absolute;
            top: -1px;
            left: -2px;
            height: 126px;
            width: 4px;
            background-color: #003594;
            transition: 0.5s;
        }


        .swiper-tab {
            width: 700px;
            height: 100%;
        }

        .swiper-left-item {
            background-color: #003594;
            width: 200px;
        }

        .swiper-slide a {
            height: 100%;
        }
    </style>
</head>
<body class="shelley-zh-CN shelley-pc">
<!--导航条-->
<nav id="site-header" class="dui-navbar site-header collapsed"></nav>
<!--轮播图-->
<section class="homepage-banner homepage-big-banner" style="padding-top: 65px;">
    <div class="swiper" id="swiper-banner">
        <div class="swiper-wrapper swiper-wrap-main"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
</section>

<!--产品列表-->
<section class="homepage-child-module" style="margin-top: 100px;">
    <div class="content" style="padding-bottom: 62px;">
        <div class="child-module-list" style="margin-top: 0;">
            <div class="introduce-title" style="text-align: left;width: 450px;padding-top: 120px;">

                <div style="font-size: 14px;">GL-SHARES</div>
                <div style="font-size: 50px;font-weight: bold;padding-bottom: 25px;">集团介绍</div>
                <div style="height: 3px;width: 33px;background-color: #003594;"></div>
                <div style="font-size: 16px;line-height: 30px;margin-top:30px;padding-right: 140px;">
                    佛山市广联科技有限公司是广联集团核心成员企业，广联集团旗下拥有佛山市广联科技有限公司、佛山市氙明电器有限公司、广东威玛斯智能科技有限公司、广州云车网络有限公司、佛山市宝利奥电子有限公司、佛山市朗瑞科技有限公司六家公司，广联集团运营的云城市、云汽优购、宝利奥三个线上综合汽配平台和APP，累积用户超过100万以上，是全球汽车后市场有最有影响力的网络平台之一。
                </div>
            </div>
            <a href="/introduction" class="introduce-main" style="flex: 1;cursor: pointer;">
                <img src="http://localhost:8080/upload/img-HlTkcG-609393.png">
            </a>
        </div>
    </div>
</section>


<section class="homepage-child-module" style="background-color: #F2F2F2;">
    <div class="content" style="margin: 0;">
        <div class="child-module-list" style="padding: 80px 0;margin: 0;">
            <div style="padding-left: 150px;background-color: #003594;">
                <div class="swiper-tab">
                    <div class="swiper" id="swiperTab">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="/product?title=气泵与应急电源一体机" target="_self">
                                    <img src="http://localhost:8080/upload/img-BMCjX4-478803.jpg">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="/product?title=应急启用电源" target="_self">
                                    <img src="http://localhost:8080/upload/img-cmQN4x-223776.jpg">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="/product?title=储能电源" target="_self">
                                    <img src="http://localhost:8080/upload/img-tLdtbp-837812.jpg">
                                </a>
                            </div>

                            <div class="swiper-slide">
                                <a href="/product?title=LED大灯" target="_self">
                                    <img src="http://localhost:8080/upload/img-ctz6ic-641796.jpg">
                                </a>
                            </div>
                        </div>
                        <div class="swiper-button-next swiper-button-rigth"></div>
                        <div class="swiper-button-prev swiper-button-left"></div>
                    </div>
                </div>

            </div>

            <div class="tab-wrap">
                <ul class="tab-main" style="margin: 0;border-top: 1px solid #d7d7d7;">
<!--                    <li class="tab-item">-->
<!--                        <a data-index="0">-->
<!--                            <h3>汽车LED车灯</h3>-->
<!--                            <div class="tab-tag">Auto Led</div>-->
<!--                            <div class="tab-tag">headlight section</div>-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li class="tab-item">-->
<!--                        <a data-index="1">-->
<!--                            <h3>应急启动电源</h3>-->
<!--                            <div class="tab-tag">Emergency</div>-->
<!--                            <div class="tab-tag">starting power</div>-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li class="tab-item">-->
<!--                        <a data-index="2">-->
<!--                            <h3>储能电源</h3>-->
<!--                            <div class="tab-tag">Auto Led</div>-->
<!--                            <div class="tab-tag">headlight section</div>-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li class="tab-item">-->
<!--                        <a data-index="3">-->
<!--                            <h3>气泵与应急电源一体机</h3>-->
<!--                            <div class="tab-tag">Air pump and power</div>-->
<!--                            <div class="tab-tag">supply integrated machine</div>-->
<!--                        </a>-->
<!--                    </li>-->
                </ul>
            </div>
        </div>
    </div>

</section>


<!--了解不同领域的产品-->
<section class="homepage-child-module" style="margin-top: 40px;padding-bottom: 100px;">
    <div class="content" style="padding-bottom: 62px;">
        <div class="child-module-list">
            <div class="summary-wrap">
                <a href="/introduction"
                   data-ga-category="pc-homepage" data-ga-action="click"
                   data-ga-label="promotion-banner_professional-v2"
                   class="child-module-item ga-data grid-compact" target="_self">
                    <img alt="" class="grid-img dps-cms"
                         src="http://localhost:8080/upload/img-YZ9vI1-984360.jpg">
                </a>
                <div class="summary-title">集团概括</div>
                <div class="summary-group">Group summary</div>
                <div class="summary-main" style="padding-top: 20px;padding-bottom: 6px;"> 佛山市广联科技有限公司是一家集汽车电子产品研发、</div>
                <div class="summary-main">生产、销售、服务为一体的高新技术企业。</div>
                <a href="/introduction" class="summary-but" data-ga-action="click" target="_self">了解更多</a>
            </div>

            <div class="summary-wrap">
                <a href="/storeQuery"
                   data-ga-category="pc-homepage" data-ga-action="click" data-ga-label="promotion-banner_enterprise-v2"
                   class="child-module-item ga-data grid-compact" target="_self">
                    <img alt="" class="grid-img dps-cms"
                         src="http://localhost:8080/upload/img-SwmBzG-365404.jpg">
                </a>
                <div class="summary-title">服务中心</div>
                <div class="summary-group">Service Center</div>
                <div class="summary-main" style="padding-top: 20px;padding-bottom: 6px;">旨在为消费者提高更好的产品，更专业的服务以及最全面</div>
                <div class="summary-main">的车生活解决方案。</div>
                <a href="/storeQuery" class="summary-but" data-ga-action="click" target="_self">了解更多</a>
            </div>
            <div class="summary-wrap">
                <a href="/newsActivities?title=企业资讯"
                   data-ga-category="pc-homepage" data-ga-action="click"
                   data-ga-label="promotion-banner_agriculture-v2"
                   class="child-module-item ga-data grid-compact" target="_self">
                    <img alt="" class="grid-img dps-cms"
                         src="http://localhost:8080/upload/img-G4w9Gy-798717.jpg">
                </a>
                <div class="summary-title">新闻媒体</div>
                <div class="summary-group">News media</div>
                <div class="summary-main" style="padding-top: 20px;padding-bottom: 6px;">广联科技一直高度重视产品研发的投入以及自身研发综合</div>
                <div class="summary-main">实力的提升，不断推出守市场欢迎的新产品和高品质产品。</div>
                <a href="/newsActivities?title=企业资讯" class="summary-but" data-ga-action="click" target="_self">了解更多</a>
            </div>
        </div>
    </div>
</section>

<!--底部-->
<footer id="site-footer" class="site-footer dji-edit-module"></footer>

<script src="/guanglianstatic/base/base.js"></script>
<script type="text/javascript" src="/guanglianstatic/swiper/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/guanglianstatic/js/index.js"></script>
</body>
</html>